#개발 생산성
← View all tags-
Claude Code 실전 가이드 — 터미널에서 AI와 페어 프로그래밍하는 법
Anthropic의 공식 CLI 도구 Claude Code의 설치부터 CLAUDE.md 설정, Hooks, MCP 서버 연동까지 실전 워크플로우를 정리했습니다. Cursor와의 차이점, 비용 최적화 팁, 복사해서 바로 쓰는 CLAUDE.md 템플릿도 제공합니다.
-
frontend-design 완전 정복: Anthropic이 만든 프론트엔드 디자인 감각 주입 스킬 (npx skills add 바로 적용)
Anthropic이 배포한 frontend-design 스킬로 AI 에이전트가 "AI 냄새 나는 UI"를 벗어나 개성 있는 프론트엔드를 만드는 방법을 소개합니다. 주간 설치 274,800회, 트렌딩 상위권의 검증된 공개 스킬입니다.
-
AI 에이전트 MCP 서버 완벽 가이드: Gemini CLI로 나만의 코딩 에이전트 만들기
Model Context Protocol(MCP) 개념부터 Gemini CLI 설치, 커스텀 MCP 서버 JSON 설정, 최신 Gemini API Docs MCP 연동까지 — 복사해서 바로 쓰는 보일러플레이트 코드와 트러블슈팅 가이드를 제공합니다.
-
mcp-builder 완전 정복: Anthropic이 만든 MCP 서버 개발 4단계 가이드 스킬 (npx skills add 바로 적용)
Anthropic이 배포한 mcp-builder 스킬로 MCP 서버를 리서치·구현·테스트·평가 4단계로 체계적으로 개발하는 방법을 소개합니다. 주간 37,100회 설치, GitHub ⭐ 115.8K의 검증된 공개 스킬입니다.
-
skills.sh 완전 정복: npx 한 줄로 AI 에이전트 스킬 설치하기
Vercel이 만든 오픈 에이전트 스킬 생태계 skills.sh와 find-skills 스킬을 소개합니다. Claude Code, Codex, Gemini CLI 등 41개 에이전트에 npx skills add 한 줄로 전문 스킬을 장착하는 방법을 실전 데모와 함께 설명합니다.
-
supabase-postgres-best-practices 완전 정복: Supabase가 만든 Postgres·RLS 성능 최적화 AI 에이전트 스킬
Supabase가 배포한 supabase-postgres-best-practices 스킬로 Postgres 쿼리 성능·RLS·연결 풀링·스키마 설계 등 8개 카테고리 규칙을 AI 에이전트가 자동으로 적용합니다. 주간 90,900회 설치된 검증된 공개 스킬입니다.
-
vercel-react-best-practices 완전 정복: Vercel이 직접 만든 React·Next.js 성능 최적화 가이드 스킬
Vercel Labs가 배포한 vercel-react-best-practices 스킬로 React와 Next.js 앱의 성능을 체계적으로 최적화하는 방법을 소개합니다. 워터폴 제거·번들 최적화 등 69개 규칙을 AI 에이전트에 자동 주입합니다.
-
web-design-guidelines 완전 정복: Vercel이 직접 만든 UI·접근성 코드 검토 스킬 (npx skills add 바로 적용)
Vercel Labs가 배포한 web-design-guidelines 스킬로 UI 코드의 접근성·폼·애니메이션·다크모드 등 18개 카테고리를 자동 점검하는 방법을 소개합니다. 주간 설치 243,000회의 검증된 공개 스킬입니다.